<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>多功能jQuery日期控件 jeDate - 素材家园-www.sucaijiayuan.com</title>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jedate/jquery.jedate.js"></script>
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/js/jedate/skin/jedate.css">

<style>
body{ padding:50px 0 0 50px;}
.datainp{ width:200px; height:30px; border:1px #ccc solid;}
.datep{ margin-bottom:40px;}
</style>
</head>

<body>
<div style="width:100%;height:1000px;">

<p class="datep"><input class="datainp" id="indate" type="text" placeholder="只显示年月" value=""   onClick="testShow(this);"></p>
<p class="datep"><input class="datainp" id="dateinfo" type="text" placeholder="请选择"  readonly></p>
<p class="datep"><input class="datainp" id="datebut" type="text" placeholder="请选择"  readonly><input type="button" onClick="jeDate({dateCell:'#datebut',isTime:true,format:'YYYY-MM-DD hh:mm:ss'})" value="打开"></p>
</div>
<script type="text/javascript">
function testShow(elem){
        $.jeDate(elem,{
            //insTrigger:false,
            isinitVal:true,
            //festival:true,
            ishmsVal:false,
            minDate: '2016-06-16 23:59:59',
            format:"YYYY-MM-DD hh:mm:ss",
            zIndex:3000,
        })
    }
</script>
</body>
</html>
